<template>
  <div>
    <pform ref="form" :model="form" >
      <el-form-item label="区域">
        <el-select class="w233" size="small" v-model="form.field1" placeholder="请选择区域">
            <el-option
              v-for="item in option"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
      </el-form-item>
      <el-form-item label="可用分区">
        <el-radio-group v-model="form.field2">
              <el-radio-button label="可用区1"></el-radio-button>
              <el-radio-button label="可用区2"></el-radio-button>
              <el-radio-button label="可用区3"></el-radio-button>
            </el-radio-group>
      </el-form-item>
      <el-form-item label="类型">
        <el-radio-group v-model="form.field3">
            <el-radio :label="1">高IO</el-radio>
            <el-radio :label="2">超高IO</el-radio>
          </el-radio-group>
      </el-form-item>
      <el-form-item label="容量">
         <el-input-number class="w215 mr3" v-model="form.field4" size="small" :min="1" label="描述文字"></el-input-number>TiB
      </el-form-item>
      <el-form-item label="存储池名称">
        <el-input class="w233" v-model="form.field5" size="small" placeholder="请输入"></el-input>
      </el-form-item>
    </pform>
  </div>
</template>

<script>
export default{
    data() {
      return {
        form: {
          field1:'',
          field2:"可用区1",
          field3:1,
          field4:1,
          field5:'',
          field6:'',
          field7:'',
          field8:'',
          field9:'',
          field10:'',
          field11:'',
          field12:'',
          field13:'',
          field14:'',
          field15:'',
          field16:'',
          field17:'',
          field18:'',
          field19:'',
        },
        option:[
          {label:'东南中心',value:'1111'},
          {label:'南方中心',value:'2222'},
          {label:'北方中心',value:'3333'},
        ],
        option1:[
          {label:'vpc-default（192.168.0.0/16 ）',value:'1111'},
          {label:'vpc-defadsj（192.168.0.0/16 ）',value:'2222'},
          {label:'虚拟云名称（主网段）',value:'3333'},
        ],
        option2:[
          {label:'自动分配IP',value:'1111'},
          {label:'手动分配IP',value:'2222'},
        ],
        option3:[
          {label:'Sys-FullAccess',value:'1111'},
          {label:'Sys-FullAccess',value:'2222'},
          {label:'安全组名称',value:'3333'},
        ],
      }
    },
    methods: {
      init() {},
      getFormData() {
        return JSON.parse(JSON.stringify(this.form))
      },
    }

  }
</script>

<style scoped lang="less">
</style>
